<template>
	<view>
		<view class="view-header flex-cfs"> 
			<image class="" src="../../static/logo.png" mode=""></image>
			<view class="head-data">
				<view class="wlzt">
					物流状态：<text class="red">未签收</text>
				</view>
				<view class="sp">
					共一件商品，由【xx快递】承运
				</view>
				<view class="sp">
					运单编号：7987494654654616
				</view>
			</view>
		</view>
		
		<map style="width: 750upx; height: calc(100vh - 220upx - 88upx)" :latitude="latitude" :longitude="longitude" :markers="covers">
		</map>
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'map',
				latitude: 39.909,
				longitude: 116.39742,
				covers: [{
					latitude: 39.909,
					longitude: 116.39742,
					iconPath: '../../static/location.png'
				}, {
					latitude: 39.90,
					longitude: 116.39,
					iconPath: '../../static/location.png'
				}]
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.view-header{
	padding: 20upx;
	background-color: #FFFFFF;
}
.view-header image{
	width:160upx;
	height:160upx;
	border-radius:16upx;
	margin-right: 20upx;
}
.head-data{
		font-family:PingFangSC-Medium,PingFang SC;
		font-weight:600;
}
.wlzt{
		font-size:28upx;
		color:rgba(110,111,110,1);
		line-height:40upx;
		padding-bottom: 30upx;
	}
	.sp{
		font-size:24upx;
		color:rgba(188,188,188,1);
		line-height:34upx;
		padding-bottom: 10upx;
	}
</style>
